body {
    height: 5000px;
}

.float1 {
    /* width: 500px; */
    height: 100px;
    margin: 0 auto;
    background-color: pink;
}

.float1 div:nth-child(1) {
    float: left;
    width: 30%;
    height: 100px;
    background-color: bisque;
}

.float1 div:nth-child(2) {
    float: right;
    width: 70%;
    height: 100px;
    background-color: skyblue;
}

.float2 {
    height: 100px;
    margin: 10px auto;
    background-color: pink;
}

.float2 div:nth-child(1) {
    float: left;
    width: 100px;
    height: 100px;
    background-color: bisque;
}

.float2 div:nth-child(2) {
    margin-left: 100px;
    height: 100px;
    background-color: skyblue;
}

.float3 {
    height: 100px;
    margin: 10px auto;
    background-color: pink;
}

.float3 div:nth-child(1) {
    float: right;
    width: 100px;
    height: 100px;
    background-color: skyblue;
}

.float3 div:nth-child(2) {
    height: 100px;
    background-color: bisque;
}

.float4 {
    height: 100px;
    margin: 10px auto;
    background-color: pink;
}

.float4 div:nth-child(1) {
    float: left;
    height: 100px;
    width: 100px;
    background-color: palevioletred;
}

.float4 div:nth-child(2) {
    float: right;
    height: 100px;
    width: 100px;
    background-color: bisque;
}

.float4 div:nth-child(3) {
    margin-left: 100px;
    margin-right: 100px;
    height: 100px;
    background-color: skyblue;
}

.float5 {
    height: 100px;
    margin: 10px auto;
    background-color: pink;
}

.float5 div:nth-child(1) {
    height: 100px;
    width: 100px;
    float: left;
    background-color: bisque;
}

.float5 div:nth-child(2) {
    height: 100px;
    width: 100px;
    float: left;
    background-color: skyblue;
}

.float5 div:nth-child(3) {
    height: 100px;
    margin-left: 200px;
    background-color: palevioletred;
}